@mycolor: cyan;
@myw: (100px + 10rem);
@myh: (@myw + 100rem);
@myfont: 16px;

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

div {
    width: @myw;
    height: @myh;
    background-color: @mycolor;
    color: @myfont;
    &::after{
        content: "";
    }
    a {
        &:hover{
            background-color: red;
        }
    }
}

.myborder(@width; @style; @color) {
    border: @width @style @color;
}
p {
    .myborder(5px, solid, red);
}

section {
    &:extend(p);
}

.hh3 {
    color: red;
}
.hh4 {
    background-color: blue;
}
.hh5 {
    .hh3;
    .hh4();
}